// 点击登陆或者注册 绑定事件
$('#link_reg').on('click', function () {
    $('.login-box').hide();
    $('.reg-box').show();
});
$('#link_login').on('click', function () {
    $('.login-box').show();
    $('.reg-box').hide();
});
// 自定义校验规则 给密码框
layui.form.verify({
    pass: [
        /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
    ],
    // 校验密码与确认密码框是否一致 表单验证加在确认密码框上
    rePwd: (val) => {
        // val是确认密码框的值
        // 获取密码输入框的值
        const pwdValue = $('#password').val().trim();
        if (val !== pwdValue) return '两次密码输入不一致'
    }
});

/** 给注册表单form 添加id名  一次性获取表单内容
 * 1. 需要给注册的表单添加submit事件
 * 2. 阻止表单的默认行为
 * 3. 获取到输入框里面的内容
 * 4. 参考接口文档 关注接口地址与请求方式
 * 5. 发送ajax
 * 6. 接收服务器响应回来的数据 看看是否注册成功 注册失败需要提示用户
 * 7. 注册成功 模拟去登录a标签的点击事件
 */

// 注册页面的处理
$('#reg_form').on('submit', function (e) {
    e.preventDefault();
    // 获取到输入框里面的内容
    const data = $(this).serialize();
    // 发送ajax
    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data,
        success: res => {
            // console.log(res);
            const {
                status,
                message
            } = res;
            if (status !== 0) return layui.layer.msg(message, {
                icon: 5
            });
            // 注册成功 模拟去登录a标签的点击事件
            layui.layer.msg('注册成功', {
                icon: 1
            })
            $('#link_login').click();
        }
    })
});

/**
 /*  * 1. 需要给登录的表单添加submit事件
  * 2. 阻止表单的默认行为
  * 3. 获取到输入框里面的内容
  * 4. 参考接口文档 关注接口地址与请求方式
  * 5. 发送ajax
  * 6. 接收服务器响应回来的数据 看看是否登录成功 登录失败需要提示用户
  * 7. 需要将服务器响应回来的token保存到本地存储中
  * 8. 跳转到后台首页
  */

// 登录页面处理
$('#login_form').on('submit', function (e) {
    // 阻止表单的默认行为
    e.preventDefault();
    // 一次性 获取到表单中输入框里面的内容
    const data = $(this).serialize();
    // 发送ajax
    $.ajax({
        method: 'POST',
        url: '/api/login',
        data,
        success: res => {
            // console.log(res);
            // 解构返回的数据对象
            const {
                status,
                message,
                token
            } = res
            // 登录失败需要提示用户
            if (status !== 0) return layui.layer.msg(message, {
                icon: 5
            })
            //登录成功 将服务器响应回来的token保存到本地存储中
            sessionStorage.setItem('token', token);
            // 跳转到登录页面 同属与根目录下 
            location.href = './index.html'
        }
    })
})